<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Cross-Browser Blur Text</title>
<style>
h1{
	margin:0;
	}
.blur1 {
	text-shadow:#000 0 0 1px;
	color:rgba(0, 0, 0, 0);
	width:100%; /* IE 5.5, 6, 7 Fix */
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='1');/* IE 5.5, 6, 7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Blur(PixelRadius='1')";/* IE 8 */
}
.blur2 {
	text-shadow:#000 0 0 2px;
	color:rgba(0, 0, 0, 0);
	width:100%; /* IE 5.5, 6, 7 Fix */
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='1.5');/* IE 5.5, 6, 7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Blur(PixelRadius='1.5')";/* IE 8 */
}
.blur3 {
	text-shadow:#000 0 0 3px;
	color:rgba(0, 0, 0, 0);
	width:100%; /* IE 5.5, 6, 7 Fix */
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='2');/* IE 5.5, 6, 7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Blur(PixelRadius='2')";/* IE 8 */
}
.blur4 {
	text-shadow:#000 0 0 4px;
	color:rgba(0, 0, 0, 0);
	width:100%; /* IE 5.5, 6, 7 Fix */
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='2.5');/* IE 5.5, 6, 7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Blur(PixelRadius='2.5')";/* IE 8 */
}
.blur5 {
	text-shadow:#000 0 0 5px;
	color:rgba(0, 0, 0, 0);
	width:100%; /* IE 5.5, 6, 7 Fix */
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');/* IE 5.5, 6, 7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Blur(PixelRadius='3')";/* IE 8 */
}
.blur6 {
	text-shadow:#000 0 0 6px;
	color:rgba(0, 0, 0, 0);
	width:100%; /* IE 5.5, 6, 7 Fix */
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3.5');/* IE 5.5, 6, 7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Blur(PixelRadius='3.5')";/* IE 8 */
}
.blur7 {
	text-shadow:#000 0 0 7px;
	color:rgba(0, 0, 0, 0);
	width:100%; /* IE 5.5, 6, 7 Fix */
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='4');/* IE 5.5, 6, 7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Blur(PixelRadius='4')";/* IE 8 */
}
.redblur1 {
	text-shadow:#F00 0 0 1px;
	color:rgba(255, 0, 0, 0);
	color: #F00\9; /* Color for IE */
	width:100%; /* IE 5.5, 6, 7 Fix */
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='2.9');/* IE 5.5, 6, 7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Blur(PixelRadius='2.9')";/* IE 8 */
}
.redblur2 {
	text-shadow:#F00 0 0 2px;
	color:rgba(255, 0, 0, 0);
	color: #F00\9; /* Color for IE */
	width:100%; /* IE 5.5, 6, 7 Fix */
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='2.9');/* IE 5.5, 6, 7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Blur(PixelRadius='2.9')";/* IE 8 */
}
.redblur3 {
	text-shadow:#F00 0 0 3px;
	color:rgba(255, 0, 0, 0);
	color: #F00\9; /* Color for IE */
	width:100%; /* IE 5.5, 6, 7 Fix */
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='2.9');/* IE 5.5, 6, 7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Blur(PixelRadius='2.9')";/* IE 8 */
}
.redblur4 {
	text-shadow:#F00 0 0 4px;
	color:rgba(255, 0, 0, 0);
	color: #F00\9; /* Color for IE */
	width:100%; /* IE 5.5, 6, 7 Fix */
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='2.9');/* IE 5.5, 6, 7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Blur(PixelRadius='2.9')";/* IE 8 */
}
.redblur5 {
	text-shadow:#F00 0 0 5px;
	color:rgba(255, 0, 0, 0);
	color: #F00\9; /* Color for IE */
	width:100%; /* IE 5.5, 6, 7 Fix */
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='2.9');/* IE 5.5, 6, 7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Blur(PixelRadius='2.9')";/* IE 8 */
}
.redblur6 {
	text-shadow:#F00 0 0 6px;
	color:rgba(255, 0, 0, 0);
	color: #F00\9; /* Color for IE */
	width:100%; /* IE 5.5, 6, 7 Fix */
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='2.9');/* IE 5.5, 6, 7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Blur(PixelRadius='2.9')";/* IE 8 */
}
.redblur7 {
	text-shadow:#F00 0 0 7px;
	color:rgba(255, 0, 0, 0);
	color: #F00\9; /* Color for IE */
	width:100%; /* IE 5.5, 6, 7 Fix */
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='2.9');/* IE 5.5, 6, 7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Blur(PixelRadius='2.9')";/* IE 8 */
}
</style>
</head>
<body>
<table align="center" width="800px" border="0">
  <tr>
    <td><h1 class="blur1">Cross-Browser Blur 1</h1></td>
    <td><h1 class="redblur1">Cross-Browser Blur 1</h1></td>
  </tr>
  <tr>
    <td><h1 class="blur2">Cross-Browser Blur 2</h1></td>
    <td><h1 class="redblur2">Cross-Browser Blur 2</h1></td>
  </tr>
  <tr>
    <td><h1 class="blur3">Cross-Browser Blur 3</h1></td>
    <td><h1 class="redblur3">Cross-Browser Blur 3</h1></td>
  </tr>
  <tr>
    <td><h1 class="blur4">Cross-Browser Blur 4</h1></td>
    <td><h1 class="redblur4">Cross-Browser Blur 4</h1></td>
  </tr>
  <tr>
    <td><h1 class="blur5">Cross-Browser Blur 5</h1></td>
    <td><h1 class="redblur5">Cross-Browser Blur 5</h1></td>
  </tr>
  <tr>
    <td><h1 class="blur6">Cross-Browser Blur 6</h1></td>
    <td><h1 class="redblur6">Cross-Browser Blur 6</h1></td>
  </tr>
  <tr>
    <td><h1 class="blur7">Cross-Browser Blur 7</h1></td>
    <td><h1 class="redblur7">Cross-Browser Blur 7</h1></td>
  </tr>
</table>



<div style="text-align:center;font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;margin-top:4em"><p>&copy;2010 David Gonzalez Garcia - <a href="http://davidxl.blogspot.com">davidxl.blogspot.com</a></p></div>
</body>
</html>
